<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1,maximum-scale=1,user-scalable=no;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<link href="css/CHEM.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
		<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/taffydb/2.7.3/taffy.js"></script>
		<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
		<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/dom-to-image/2.6.0/dom-to-image.min.js"
			type="application/javascript"></script>
		<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/FileSaver.js/2014-08-29/FileSaver.min.js"
			type="application/javascript"></script>
		<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/clipboard.js/1.5.2/clipboard.min.js"
			type="application/javascript"></script>
		<script type="text/javascript">
			$(function() {
				//
				$("#btn").click(function() {
					$("#body").append(
						`<div style="position:absolute;top:50%;left:40%;font-size:40px;color:rgba(0,0,0,0.1)" id="water">FROM 彩叶化学<br>CHEM2022</div>`
					)
					// 下载png图片
					domtoimage.toBlob(document.getElementById("cut"))
						.then(function(blob) {
							window.saveAs(blob, 'my-node.png');
							$("#water").hide()
						}).catch(err => {
							console.log(err);
							$("#water").hide()
						});
				});
			})
		</script>
	</head>
	<body>
		<script src="js/YS.js" charset="GBK"></script>
		<script src="js/CHEM.js" charset="utf-8"></script>

		<div
			style="display:flex;flex-direction: column;position: fixed; text-align:center;left:0;top:40%;z-index:100">
			<a data-clipboard-action="copy" class="a" data-clipboard-target="#last" style="margin-bottom: 20px;"><img
					src="img/cop.png" /></a>

			<a><img src="img/jtu.png" id="btn" style="margin-bottom: 20px;" /></a>
			<a id="Top"><img src="img/top.png" /></a>
		</div>

		<div id="if" align="center"></div>
		<div id="cut">
			<div style="background-color:#fff;width:100%;">
				<div id="body" style="text-align:center" align="center"></div>
			</div>
		</div>
		<div style="position:absolute;left:-9999px" id="last"></div>

		<script src="js/copy.js" charset="GBK"></script>
	</body>
</html>
